
.resume-hide{
    display: none;
}

.section.item-1 ,
.section.item-2 ,
.section.item-3 ,
.section.item-4 {
    text-align: center;
    font: 50px "Microsoft Yahei";
    /*color: #fff;*/
}

/**********************导航条**********************************/
.resume{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    border: none;
}
.navbar {
    width: 100%;
    height: 158px;
    background: url(../images/header-bg.png) no-repeat center center;
    background-size: cover;
    transition: 1s all ease;
}
.footer{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    border: none;
    width: 100%;
    height: 6.11%;
    background: url(../images/footer-bg.png) no-repeat center center;
    background-size: cover;
    transition: 1s all ease;
    color: #fff9f9;
    line-height: 55px;
}
.resume .container{
    height: 100%;
}
.resume .navbar-header{
    display: inline-block;
    height: 100%;
}
.resume .EngName{
    display: inline-block;
    height: 100%;
}
.resume .EngName img{
    height: 100%;
}
.resume .navbar-brand,
.resume .navbar-brand:visited,
.resume .navbar-brand:hover
{
    color: #fff;
    font-size: 18px;
}
.resume .navbar-container{
    float: right;
    height: 100%;
}
.resume .navbar-container ul{
    height: 100%;
}
.resume .navbar-container li{
    height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.resume .navbar-right li a{
    padding: 0 30px;
    color: #fff;
}
.resume .navbar-right li a:hover {
    color: #fe2e2e;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:visited,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fe2e2e;
    text-decoration: none;
}
.navbar-default .navbar-toggle {
    background-color: #122b40;
}
 .navbar-default .navbar-toggle:focus{
     background-color: #122b40;
}
.navbar-default .navbar-toggle:hover {
    background-color: #122b40;
}
/********************导航条End***************************************/

/********************右侧导航栏*************************************/

#fp-nav{
    top: 80%;
}

#fp-nav ul li{
    vertical-align: middle;
    margin: 10px 50px 0 ;
}
#fp-nav li .active {
    background-position: 0 bottom;
}
#fp-nav ul li a {
    display: block;
    color: #8F9DA4;
    width: 21px;
    height: 21px;
    background: url(../images/dot1.png) 5px 5px no-repeat;
    /*right: 0;*/
}
#fp-nav span {
    display: none;
}


/****************************右侧导航栏End******************************/

/****************************自定义动画*********************************/

.active .title1{
    padding-top: 20px;
    margin-top: 20px;
    animation: slideInUp 2s linear;
}
.active .title2{
    margin-top: 20px;
    animation: flipInX 4s linear;
}
.active .title3{
    margin-top: 20px;
    animation: flipInY 7s linear;
}
@media screen and (max-width: 1366px) {
    .navbar{
        height: 15%;
    }
}
@media screen and (max-width: 414px) {
    .resume .navbar-header{
        margin-left: 0;
    }
    .navbar-container{
        display: none;
    }
    #fp-nav{
        display: none;
    }
}


.file_img {
    display: block;
    color: rgba(0,0,0,0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}